import React from "react";
import { Card, Tag } from "antd";
import { Content } from "antd/lib/layout/layout";

export default function Details(props) {
    let { data, loading } = props;
    console.log(data);
    let { title, content } = data;
    return (
        <Card
            bordered
            loading={loading}
            type="linner"
            title={
                <>
                    <h1>
                        <Tag color="green">分享</Tag>
                        {title}
                    </h1>
                </>
            }
        >
            <div dangerouslySetInnerHTML={{ __html: content }}></div>
        </Card>
    )
}
